<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>真人验证中 - 请稍候</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style>
        body {
            margin: 0;
            height: 60vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background: #f0f3f5;
            font-family: 'Segoe UI', system-ui, sans-serif;
        }

        .verification-container {
            background: white;
            padding: 2.5rem 3rem;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.12);
            text-align: center;
            max-width: 400px;
            width: 90%;
            transition: transform 0.3s ease;
        }

        .loading-text {
            color: #2c3e50;
            font-size: 1.2rem;
            margin-bottom: 1.5rem;
            font-weight: 500;
        }

        .loading-bar {
            width: 100%;
            height: 4px;
            background: rgba(44,62,80,0.1);
            border-radius: 2px;
            overflow: hidden;
            position: relative;
        }

        .loading-progress {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 30%;
            background: #3498db;
            border-radius: 2px;
            animation: loading 2.5s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
        }

        @keyframes loading {
            0% {
                left: -30%;
                width: 30%;
            }
            70% {
                left: 110%;
                width: 30%;
            }
            100% {
                left: 110%;
                width: 0%;
            }
        }

        .security-icon {
            font-size: 2.5rem;
            margin-bottom: 1rem;
            color: #3498db;
        }

        .status-message {
            margin-top: 1.5rem;
            color: #7f8c8d;
            font-size: 0.9rem;
        }

        .success-checkmark {
            display: none;
            width: 48px;
            height: 48px;
            margin: 1rem auto;
            border-radius: 50%;
            background: #2ecc71;
            animation: scaleIn 0.3s ease;
        }

        @keyframes scaleIn {
            from {
                transform: scale(0);
            }
            to {
                transform: scale(1);
            }
        }
    </style>
</head>
<body>
    <div class="verification-container">
        <div class="security-icon">🔒</div>
        <div class="loading-text">正在验证您是否为真人</div>
        <div class="loading-bar">
            <div class="loading-progress"></div>
        </div>
        <div class="status-message">• 正在分析交互模式<br>• 检测环境安全<br>• 验证行为特征</div>
        <div class="success-checkmark"></div>
    </div>

    <script>
        // 模拟验证过程
        setTimeout(() => {
            document.querySelector('.loading-text').textContent = "验证通过！";
            document.querySelector('.loading-bar').style.display = 'none';
            document.querySelector('.status-message').innerHTML = 
                '<span style="color:#2ecc71;">✓ 验证成功</span><br>即将跳转...';
            document.querySelector('.success-checkmark').style.display = 'block';            
            // 如果实际需要跳转可以启用下面这行
            setTimeout(() => {
                //window.location.href = "https://www.baidu.com";
            }, 2000);
        }, 8000);
    </script>
</body>
</html>